<%@page contentType="text/html;charset=utf-8" language="java" %>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="../common/jsp/common.jsp"%>
<title><%=InitParam.DEPLOY_PROVINCE_TITLE%></title>
<script>
    requires(["echarts","screen"]);
</script>

</head>

<body class="lgscreen-bodybg">
	<input id="flagValue" type="hidden" value="false">
	<div class="lgscreen-header">
		<div class="lgscreen-header-time" id="timeNow">2015-10-15&nbsp;14:02:00</div>
		<div id="bcycIdSelectDiv" class="lgscreen-header-data"><em></em>日期选择
			<input id="yearValue" type="hidden" value=""/>
			<input id="monthValue" type="hidden" value=""/>
			<p id="bcycIdBgId"></p>
        </div>
		<div id="bcycIdContentDiv" class="lgscreen-header-dropdata">
		</div>
		<h1 id = "headerPic"></h1>
	</div>	
	<div class="lgscreen-content">
		<div id="screenFullDivId" class="lgscreen-content-box lgscreen-migration">
			<button onclick="onclickScreenFull()" class="lgscreen-migration-max"></button>
			<h1 id="oneTitle">2015年10月份全国各省市来<%=InitParam.DEPLOY_PROVINCE_NAME_SHORTHAND%>人数分布</h1>
			<div id="sourceChartsId" class="lgscreen-migration-ditu" style="width: 100%;height: 95%;"><!--  <img src="assets/css/images/lgscreen_qianxitu.png" width="582" height="469"  alt=""/>--></div>												
		</div>
		<div class="lgscreen-content-box lgscreen-trend">
			<div class="lgscreen-shuzi">
				<p class="all" id="twoTitle">2015年来<%=InitParam.DEPLOY_PROVINCE_NAME_SHORTHAND%>总人数</p>
                  <ul id="userCountULId">
                  </ul>
            </div>
			<h1 id="threeTitle">来<%=InitParam.DEPLOY_PROVINCE_NAME_SHORTHAND%>月份分布</h1>
			<div id="screenLineChartsId" style="width: 100%;height: 360px;"><!--  <img src="assets/css/images/lgscreen_trend.png"  alt=""/>--></div>												
		</div>
		<div class="lgscreen-content-box lgscreen-month">
			<h1>月份TOP3</h1>
			<div id="top3DivId" style="width: 100%; height: 100%">
				<div id="top1Div" class="lgscreen-month-box lgscreen-fcolor">
	            </div>
				<div id="top2Div" class="lgscreen-month-box lgscreen-scolor">
	            </div>
				<div id="top3Div" class="lgscreen-month-box lgscreen-tcolor">
	            </div>
			</div>
		</div>
		<div class="lgscreen-content-box lgscreen-guangxi">
			<h1>全省景区客流分布图</h1>
			<div id="regionMapChartsDiv" style="width: 90%;height: 80%;" class="lgscreen-guangxi-ditu"><img src="assets/css/images/lgscreen_guangxi.png"  alt=""/></div>												
			<div class="lgscreen-guangxi-pc"><a id="inRegionSystem">进入客流监控平台</a><em>PC版</em></div>
		</div>
		<div class="lgscreen-content-box lgscreen-scenic" >
			<h1 id="fourTitle">10月份景区热度排行<em>Top5</em></h1>
			<ul id="regionULId" class="lgscreen-scenic-list">
            </ul>												
		</div>												
		<div class="lgscreen-content-box lgscreen-fenlei" >
			<div class="lgscreen-fenlei-scenic">
				<h1>景区分类</h1>
                <ul>
                <li class="tubiao1">2A</li>
                <li class="tubiao2">3A</li>
                <li class="tubiao3">4A</li>
                <li class="tubiao4">5A</li>
                </ul>
                <div id="regionClassChartsDiv" style="width: 310px;height: 260px;"><!-- <img src="assets/css/images/lgscreen_bingtu.png" width="310" height="254"  alt=""/> --></div>
			</div>
			<div class="lgscreen-fenlei-travel">
				<h1>旅行社分类</h1>
                <ul>
                <li class="tubiao1">出境</li>
                <li class="tubiao2">非出境</li>
                </ul>
                <div id="agentClassChartsDiv" style="width: 310px;height: 260px;"><!-- <img src="assets/css/images/lgscreen_zhutu1.png" width="280" height="254"  alt=""/> --></div>
			</div>
			<div class="lgscreen-fenlei-scenic">
				<h1>酒店分类</h1>
                <ul>
                <li class="tubiao1">一星</li>
                <li class="tubiao2">二星</li>
                <li class="tubiao3">三星</li>
                <li class="tubiao4">四星</li>
                <li class="tubiao5">五星</li>
                </ul>
                <div id="hotelClassChartsDiv" style="width: 310px;height: 260px;"><img src="assets/css/images/lgscreen_bingtu.png" width="310" height="254"  alt=""/></div>
			</div>
			<div class="lgscreen-fenlei-travel">
				<h1>导游分类</h1>
                <ul>
                <li class="tubiao1">初级</li>
                <li class="tubiao2">中级</li>
                <li class="tubiao3">高级</li>
                <li class="tubiao4">特级</li>
                </ul>
                <div id="gudieClassChartsDiv" style="width: 310px;height: 254px;"><!-- <img src="assets/css/images/lgscreen_zhutu2.png" width="310" height="254"  alt=""/> --></div>
			</div>
		</div>
	</div>
</body>
</html>